<#--<!DOCTYPE HTML>-->
<#--<html>-->
<#--<head>-->
    <#--<meta charset="utf-8">-->
    <#--<meta name="renderer" content="webkit|ie-comp|ie-stand">-->
    <#--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->
    <#--<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />-->
    <#--<meta http-equiv="Cache-Control" content="no-siteapp" />-->
    <#--<!--[if lt IE 9]>-->
    <#--<script type="text/javascript" src="${ctx}/lib/html5shiv.js"></script>-->
    <#--<script type="text/javascript" src="${ctx}/lib/respond.min.js"></script>-->
    <#--<![endif]&ndash;&gt;-->
    <#--<link rel="stylesheet" type="text/css" href="${ctx}/static/h-ui/css/H-ui.min.css" />-->
    <#--<link rel="stylesheet" type="text/css" href="${ctx}/static/h-ui.admin/css/H-ui.admin.css" />-->
    <#--<link rel="stylesheet" type="text/css" href="${ctx}/lib/Hui-iconfont/1.0.8/iconfont.css" />-->
    <#--<link rel="stylesheet" type="text/css" href="${ctx}/static/h-ui.admin/skin/default/skin.css" id="skin" />-->
    <#--<link rel="stylesheet" type="text/css" href="${ctx}/static/h-ui.admin/css/style.css" />-->
    <#--<link rel="stylesheet" href="${ctx}/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">-->
    <#--<!--[if IE 6]>-->
    <#--<script type="text/javascript" src="${ctx}/lib/DD_belatedPNG_0.0.8a-min.js" ></script>-->
    <#--<script>DD_belatedPNG.fix('*');</script>-->
    <#--<![endif]&ndash;&gt;-->
    <#--<title>商品栏目</title>-->
<#--</head>-->
<#--<body>-->
<#--<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 商城管理 <span class="c-gray en">&gt;</span> 栏目管理 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>-->
<#--<div style="margin-left: 1vw;margin-right: 1vw" class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" onclick="content_category_del()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 删除所选栏目</a> <a class="btn btn-primary radius" onclick="content_category_add('添加栏目','content-category-add')" href="javascript:;"><i class="Hui-iconfont">&#xe600;</i> 添加栏目</a></span> </div>-->
<#--<table class="table">-->
    <#--<tr>-->
        <#--<td style="padding-left: 4vw" width="200" class="va-t"><ul id="treeDemo" class="ztree"></ul></td>-->
        <#--<td class="va-t">-->
            <#--<div class="page-container">-->
                <#--<form action="" method="post" class="form form-horizontal" id="content-cat-edit">-->
                    <#--<input type="text" hidden class="input-text" id="id" name="id">-->
                    <#--<input type="text" hidden class="input-text" value="1" id="status" name="status">-->
                    <#--<div class="row cl">-->
                        <#--<label class="form-label col-xs-4 col-sm-2">-->
                            <#--<span class="c-red">*</span>-->
                            <#--栏目名称：</label>-->
                        <#--<div class="formControls col-xs-6 col-sm-6">-->
                            <#--<input type="text" class="input-text" value="" placeholder="" id="name" name="name"> <span id="hot" style="color: red"></span>-->
                        <#--</div>-->
                    <#--</div>-->
                    <#--<div class="row cl">-->
                        <#--<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>是否为父节点：</label>-->
                        <#--<div class="formControls col-xs-6 col-sm-6 skin-minimal">-->
                            <#--<div class="radio-box">-->
                                <#--<input name="isParent" value="true" type="radio" id="yes" disabled>-->
                                <#--<label for="yes">是</label>-->
                            <#--</div>-->
                            <#--<div class="radio-box">-->
                                <#--<input type="radio" id="no" name="isParent" value="false" checked>-->
                                <#--<label for="no">否</label>-->
                            <#--</div>-->
                        <#--</div>-->
                    <#--</div>-->
                    <#--<div class="row cl">-->
                        <#--<label class="form-label col-xs-4 col-sm-2">-->
                            <#--<span class="c-red">*</span>-->
                            <#--排序优先值：</label>-->
                        <#--<div class="formControls col-xs-6 col-sm-6">-->
                            <#--<input type="text" class="input-text" value="" placeholder="请输入0~9999，值越小排序越前" id="sortOrder" name="sortOrder">-->
                        <#--</div>-->
                    <#--</div>-->
                    <#--<div class="row cl">-->
                        <#--<label class="form-label col-xs-4 col-sm-2">-->
                            <#--<span class="c-red">*</span>-->
                            <#--最大容纳商品数：</label>-->
                        <#--<div class="formControls col-xs-6 col-sm-6">-->
                            <#--<input type="text" class="input-text" value="" placeholder="请输入0~999" id="num" name="num">-->
                        <#--</div>-->
                    <#--</div>-->
                    <#--<div class="row cl">-->
                        <#--<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>是否启用：</label>-->
                        <#--<div class="formControls col-xs-6 col-sm-6">-->
                            <#--<div id="mySwitch" class="switch" data-on-label="启用" data-on="info" data-off-label="禁用">-->
                                <#--<input type="checkbox" checked />-->
                            <#--</div>-->
                        <#--</div>-->
                    <#--</div>-->
                    <#--<div class="row cl">-->
                        <#--<label class="form-label col-xs-4 col-sm-2">备注：</label>-->
                        <#--<div class="formControls col-xs-6 col-sm-6">-->
                            <#--<textarea name="remark" id="remark" cols="" rows="" class="textarea"  placeholder="说点什么...最多输入100个字符"></textarea>-->
                        <#--</div>-->
                    <#--</div>-->
                    <#--<div class="row cl">-->
                        <#--<div class="col-9 col-offset-2">-->
                            <#--<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交修改&nbsp;&nbsp;">-->
                        <#--</div>-->
                    <#--</div>-->
                <#--</form>-->
            <#--</div>-->
        <#--</td>-->
    <#--</tr>-->
<#--</table>-->
<#--<!--_footer 作为公共模版分离出去&ndash;&gt;-->
<#--<script type="text/javascript" src="${ctx}/lib/jquery/1.9.1/jquery.min.js"></script>-->
<#--<script type="text/javascript" src="${ctx}/lib/layer/2.4/layer.js"></script>-->
<#--<script type="text/javascript" src="${ctx}/static/h-ui/js/H-ui.min.js"></script>-->
<#--<script type="text/javascript" src="${ctx}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去&ndash;&gt;-->

<#--<!--请在下方写此页面业务相关的脚本&ndash;&gt;-->
<#--<script type="text/javascript" src="${ctx}/lib/zTree/v3/js/jquery.ztree.all-3.5.js"></script>-->
<#--<script type="text/javascript" src="${ctx}/lib/jquery.validation/1.14.0/jquery.validate.js"></script>-->
<#--<script type="text/javascript" src="${ctx}/lib/jquery.validation/1.14.0/validate-methods.js"></script>-->
<#--<script type="text/javascript" src="${ctx}/lib/jquery.validation/1.14.0/messages_zh.js"></script>-->
<#--<script type="text/javascript">-->

    <#--function refresh(){-->
        <#--location.reload();-->
    <#--}-->

    <#--/*文本输入限制*/-->
    <#--$(".textarea").Huitextarealength({-->
        <#--minlength:0,-->
        <#--maxlength:100-->
    <#--});-->

    <#--var id=-1,name="";-->

    <#--var setting = {-->
        <#--view: {-->
            <#--dblClickExpand: true,-->
            <#--showLine: false,-->
            <#--selectedMulti: false-->
        <#--},-->
        <#--data: {-->
            <#--simpleData: {-->
                <#--enable:true,-->
                <#--idKey: "id",-->
                <#--pIdKey: "pId",-->
                <#--rootPId: ""-->
            <#--}-->
        <#--},-->
        <#--async: {-->
            <#--enable: true,-->
            <#--url: "/content/cat/list",-->
            <#--type: "GET",-->
            <#--contentType: "application/json",-->
            <#--autoParam: ["id"]-->
        <#--},-->
        <#--callback: {-->
            <#--beforeClick: function(treeId, treeNode) {-->
                <#--var zTree = $.fn.zTree.getZTreeObj("tree");-->
                <#--if (treeNode.isParent) {-->
                    <#--$("#name").val(treeNode.name);-->
                    <#--if(treeNode.name=="热门商品"){-->
                        <#--$("#name").attr('readonly', 'readonly');-->
                        <#--$("#hot").html("为给用户更好浏览体验，此分类名无法修改");-->
                    <#--}else{-->
                        <#--$("#name").removeAttr("readonly");-->
                        <#--$("#hot").html("");-->
                    <#--}-->
                    <#--$("#id").val(treeNode.id);-->
                    <#--$("#sortOrder").val(treeNode.sortOrder);-->
                    <#--$("#remark").val(treeNode.remark);-->
                    <#--$("#num").val(treeNode.num);-->
                    <#--$("#yes").attr('checked', 'checked');-->
                    <#--radioCheck();-->
                    <#--id=treeNode.id;-->
                    <#--name=treeNode.name;-->
                    <#--return false;-->
                <#--} else {-->
                    <#--$("#name").val(treeNode.name);-->
                    <#--if(treeNode.name=="热门商品"){-->
                        <#--$("#name").attr('readonly', 'readonly');-->
                        <#--$("#hot").html("为给用户更好浏览体验，此分类名无法修改");-->
                    <#--}else{-->
                        <#--$("#name").removeAttr("readonly");-->
                        <#--$("#hot").html("");-->
                    <#--}-->
                    <#--$("#id").val(treeNode.id);-->
                    <#--$("#sortOrder").val(treeNode.sortOrder);-->
                    <#--$("#remark").val(treeNode.remark);-->
                    <#--$("#num").val(treeNode.num);-->
                    <#--$("#no").attr('checked', 'checked');-->
                    <#--changeSwitch(treeNode.status);-->
                    <#--radioCheck();-->
                    <#--id=treeNode.id;-->
                    <#--name=treeNode.name;-->
                    <#--return true;-->
                <#--}-->
            <#--}-->
        <#--}-->
    <#--};-->

    <#--function changeSwitch(value){-->
        <#--if(value==1){-->
            <#--$('#mySwitch').bootstrapSwitch('setState', true);-->
        <#--}else{-->
            <#--$('#mySwitch').bootstrapSwitch('setState', false);-->
        <#--}-->
    <#--}-->

    <#--$('#mySwitch').on('switch-change', function (e, data) {-->
        <#--if(data.value==true){-->
            <#--$("#status").val(1);-->
        <#--}else{-->
            <#--$("#status").val(0);-->
        <#--}-->
    <#--});-->

    <#--function radioCheck(){-->
        <#--$('.skin-minimal input').iCheck({-->
            <#--checkboxClass: 'icheckbox-blue',-->
            <#--radioClass: 'iradio-blue',-->
            <#--increaseArea: '20%'-->
        <#--});-->
    <#--}-->

    <#--radioCheck();-->

    <#--$("#content-cat-edit").validate({-->
        <#--rules:{-->
            <#--name:{-->
                <#--required:true,-->
                <#--minlength:1,-->
                <#--maxlength:25,-->
            <#--},-->
            <#--sortOrder:{-->
                <#--required:true,-->
                <#--digits:true,-->
                <#--maxlength:4,-->
            <#--},-->
            <#--num:{-->
                <#--required:true,-->
                <#--digits:true,-->
                <#--maxlength:3,-->
            <#--},-->
        <#--},-->
        <#--onkeyup:false,-->
        <#--focusCleanup:false,-->
        <#--success:"valid",-->
        <#--submitHandler:function(form){-->
            <#--if($("#id").val()==null||$("#id").val()==""){-->
                <#--layer.alert('请点击选择要修改的分类！请勿自己填写! ', {title: '错误信息',icon: 0});-->
                <#--return;-->
            <#--}-->
            <#--$(form).ajaxSubmit({-->
                <#--url: "/content/cat/update",-->
                <#--type: "POST",-->
                <#--success: function(data) {-->
                    <#--if(data.code==200){-->
                        <#--msgSuccess("编辑成功!");-->
                    <#--}else{-->
                        <#--layer.alert('修改失败! '+data.msg, {title: '错误信息',icon: 2});-->
                    <#--}-->
                <#--},-->
                <#--error:function(XMLHttpRequest) {-->
                    <#--layer.alert('数据处理失败! 错误码:' + XMLHttpRequest.status + ' 错误信息:' + JSON.parse(XMLHttpRequest.responseText).message, {title: '错误信息', icon: 2});-->
                <#--}-->
            <#--});-->
        <#--}-->
    <#--});-->

    <#--$(document).ready(function(){-->
        <#--var t = $("#treeDemo");-->
        <#--t = $.fn.zTree.init(t, setting);-->
        <#--demoIframe = $("#testIframe");-->
        <#--//demoIframe.on("load", loadReady);-->
        <#--var zTree = $.fn.zTree.getZTreeObj("tree");-->
        <#--//zTree.selectNode(zTree.getNodeByParam("id",'11'));-->
    <#--});-->

    <#--/*分类-添加*/-->
    <#--function content_category_add(title,url){-->
        <#--var index = layer.open({-->
            <#--type: 2,-->
            <#--title: title,-->
            <#--content: url-->
        <#--});-->
        <#--layer.full(index);-->
    <#--}-->

    <#--/*分类-删除*/-->
    <#--function content_category_del() {-->
        <#--if(id==-1){-->
            <#--layer.alert('请点击选择要删除的分类! ', {title: '错误信息',icon: 0});-->
            <#--return;-->
        <#--}-->
        <#--layer.confirm('确认要删除所选的\''+name+'\'分类吗？',{icon:0},function(index){-->
            <#--$.ajax({-->
                <#--type: 'DELETE',-->
                <#--url: '/content/cat/del/' +id,-->
                <#--dataType: 'json',-->
                <#--success: function(data) {-->
                    <#--if(data.code==200){-->
                        <#--msgSuccess("删除成功!");-->
                    <#--}else{-->
                        <#--layer.alert('修改失败! '+data.msg, {title: '错误信息',icon: 2});-->
                    <#--}-->
                <#--},-->
                <#--error: function (XMLHttpRequest) {-->
                    <#--layer.alert('数据处理失败! 错误码:' + XMLHttpRequest.status + ' 错误信息:' + JSON.parse(XMLHttpRequest.responseText).message, {-->
                        <#--title: '错误信息',-->
                        <#--icon: 2-->
                    <#--});-->
                <#--}-->
            <#--});-->
        <#--});-->
    <#--}-->

    <#--function msgSuccess(content){-->
        <#--layer.alert(content,{icon: 1}, function(index){-->
            <#--refresh();-->
        <#--});-->
    <#--}-->
<#--</script>-->
<#--</body>-->
<#--</html>-->
